import {Button} from "antd"
import {useState} from "react"

const Counter = ({initialValue = 0}) => {
    const [count, setCount] = useState(initialValue)

    // <> </> 是 React.Fragment 的语法糖, 用于包裹多个元素
    // 你可以把他理解为一个不可见的 div, 类似于 Vue 中的 template 标签

    return (
        <>
            <Button onClick={() => setCount(count + 1)}>
                点击了 {count} 次
            </Button>
        </>
    )
}

export default Counter
